$title_height: 40px;
$input_height:45px;

#login-div{
  position: absolute;
  margin: auto;
  left:0;
  right:0;
  top:8%;
  bottom:0;

  .login-title{
    font-size: 35px;
    font-weight: bold;
    text-align: center;
    color: white;
    margin: 50px 0;
  }

  .login-input{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    .input-label{
      display: flex;
      width: $input_height;
      height: $input_height;
      background: white;
      justify-content: center;
      align-items: center;
      border-right: 1px solid #E6E5E5;
    }
    .input-box{
      border: none;
      outline: none;
      padding-left: 20px;
      font-size: 18px;
      width: 375px;
      height: $input_height;
    }
  }

  .login-btn{
    height: $input_height;
    position: absolute;
    bottom: 40px;
    width: 440px;
    left: 111px;
    display: inline-block;
    background-color: #0495e4;
    line-height: 45px;
    text-align: center;
    letter-spacing: 40px;
    color: #fff;
    cursor: pointer;
    &:hover{
      background-color: #04a1f7;
    }
    &:active{
      background-color: #0495e4;
    }
    img{
      position: relative;
      top:7px;
    }
    .btn-text{
      position: relative;
      left: 20px;
    }
  }

  .login-msg{
    position: absolute;
    left: 111px;
    bottom: 90px;
    color: red;
    padding: 0 5px;
    font-size: 14px;
  }
}